<template>
<div>
  <h1></h1>
  <MyCount :num='2'/>
  <hr/>
  <!-- <MyHeader :person='person'/> -->
  <MyHeader v-bind='person'/>
  <Update :person='person' :count='0' />
</div>

  
</template>

<script>

import MyCount from './components/MyCount';
import MyHeader from './components/MyHeader';
import Update from './components/Update'

export default {
  name:'App',
  data(){
    return {
      person:{
        name:'laowang',
        age:18
      }
    }
  },
  components:{
    MyCount,
    MyHeader,
    Update

  }

}
</script>

<style>

</style>